$primary-color: #577abc;
html {
    --antd-wave-shadow-color: $primary-color !important;
}
body,
.ant-input-lg,
.ant-btn-lg,
.ant-breadcrumb,
.ant-form label,
.ant-radio-group,
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container,
.ant-card,
.ant-timeline-item,
.ant-card-head,
.ant-btn,
.ant-form-item,
.ant-form-explain,
.ant-form-extra {
    font-size: 12px !important;
}
.ant-form-item {
    margin-bottom: 15px !important;
}
.ant-result {
    padding: 0 !important;
}
.ant-menu-item {
    margin: 0 !important;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 50px !important;
    line-height: 50px !important;
}
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,
.ant-tabs-ink-bar,
.ant-radio-inner::after,
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after,
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date,
.ant-switch-checked {
    background-color: $primary-color !important;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-item-selected {
    background: $menu-sub-active-bg !important;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
    color: #fff !important;
}
.ant-tabs-nav .ant-tabs-tab-active,
.ant-btn-link,
.ant-calendar-today .ant-calendar-date {
    color: $primary-color !important;
}
.ant-btn:focus,
.ant-btn:hover {
    color: $primary-color;
}
.ant-btn-primary:focus,
.ant-btn-primary:hover {
    color: #fff;
}
.ant-btn-primary,
.ant-checkbox-checked .ant-checkbox-inner,
.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background-color: $primary-color !important;
    border-color: $primary-color !important;
}
.ant-checkbox-checked::after,
.ant-pagination-item-active,
.ant-radio-checked .ant-radio-inner,
.ant-radio-checked::after,
.ant-calendar-today .ant-calendar-date {
    border-color: $primary-color !important;
}
.ant-pagination-item-active{
    background-color: $primary-color;
}
.ant-pagination-item-active a{
    color: #fff!important;
}
.ant-pagination-item{
    margin: 0 2px!important;
}
.ant-pagination-item:not(.ant-pagination-item-active):hover a{
    color: $primary-color;
}
.ant-pagination-item:not(.ant-pagination-item-active):hover{
    border: 1px solid $primary-color!important;
}
.ant-pagination-item:not(.ant-pagination-item-active){
    border: 1px solid #e6e6e6!important;
}
.ant-btn.disabled,
.ant-btn[disabled] {
    color: rgba(0, 0, 0, 0.25) !important;
    // background-color: #f5f5f5 !important;
    // border-color: #d9d9d9 !important;
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover
{
    background-color: #f5f5f5 !important;
    border-color: #d9d9d9 !important;
}
.ant-btn.ant-btn-link,
.ant-btn.ant-btn-link:hover,
.ant-btn.ant-btn-link:focus{
    border: none!important;
    box-shadow: none;
}
.ant-btn.ant-btn-danger:focus,
.ant-btn.ant-btn-danger:hover {
    color: #fff;
    border-color: #ff4d4f!important;
    box-shadow: 0 2px 0 rgba($color: #ff4d4f, $alpha: .2)
}
.ant-checkbox:focus .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner{
    border-color: $primary-color;
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
    font-size: 12px !important;
}
.ant-table-empty{
    .ant-able-scroll{
        position: relative;
    }
    .ant-table-body{
        height: 228px;
    }
    .ant-table-placeholder{
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        margin-top: -182px;
    }
}
.table_scroll{
    width:calc(100vw - 276px);
}
.ant-time-picker-panel-select li:focus{
    color: $primary-color;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover{
    color: $primary-color;
}
.ant-menu-dark .ant-menu-item-selected > a.router-link-active, .ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-sub .ant-menu-item > a.router-link-active{
    color: #fff;
}
.ant-menu-dark .ant-menu-sub .ant-menu-item > a{
    color: #eef0f1;
}
.ant-menu-dark .ant-menu-submenu-selected{
    background-color: $primary-color;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{
    border-radius: 0;
}
.ant-btn[disabled]:hover{
    border-color: #d9d9d9!important;
    box-shadow: none;
}

.rightPanl {
    background: $primary-color !important;
    .settingIcon {
        color: #fff;
    }
}
.tagView-wrapper .scroll-outer .scroll-body .activeTag {
    background: $primary-color !important;
}
.sale-title .sale-time .time-item.activeTime {
    background: $primary-color !important;
    &:hover {
        background: $primary-color !important;
    }
}
.backTop .ant-back-top {
    background: $primary-color !important;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected {
    background: $menu-active-bg !important;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: $primary-color !important;
    border-color: $primary-color!important;
    box-shadow: -1px 0 0 0 $primary-color !important;
}
.ant-switch-checked {
    background: $primary-color !important;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after,
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
    background-color: $primary-color;
    height: 2px;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner,
.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-input-number:hover,
.ant-input:hover {
    border-color: $primary-color;
}
.ant-input-number-focused,
.ant-select-focused .ant-input-focused {
    box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
}
.ant-select-open .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active,
.ant-select-selection:hover,
.ant-btn:hover,
.ant-btn:focus,s
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.ant-input-affix-wrapper .ant-input:focus,
.ant-input-affix-wrapper .ant-input:hover,
.ant-input-affix-wrapper .ant-input:active
.ant-input-affix-wrapper .ant-input-focused,
.ant-calendar-picker:hover .ant-input,
.ant-calendar-picker:focus .ant-input,
.ant-time-picker-input:hover{
    border-color: $primary-color!important;
    box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
}
.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a{
    color: #bcc0c3;
}
.ant-table-thead > tr > th{
    background-color: $table-thead-bg!important;
}
.ant-table-bordered .ant-table-thead > tr > th{
    border-right: #f2f2f2;
}
.table-striped{
    background-color: #fafafa;
}
.ant-table-body .ant-table-row:hover > td{
    background-color: #eef1f8!important;
}
.ant-tag-blue{
    color: $primary-color;
    background: rgba($color: $primary-color, $alpha: .1);
    border-color: rgba($color: $primary-color, $alpha: .5);
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:hover{
    background-color: $primary-color;
    border-color: $primary-color;
}